<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="../../css/weui.min.css">
    <link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>
<body class="body__bg">

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">分页</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div class="page__hd">
	<h1 class="page__hd_title">
		分页 Pagination
	</h1>
	<p class="page__hd_desc">适用于H5的分页</p>
</div>

<div class="daui-pagination daui-pagination-primary">
	<li class="page-item">
		<a class="page-link" href="javascript:;">1</a>
	</li>
	<li class="page-item active">
		<a class="page-link" href="javascript:;">2</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">3</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">4</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">下一页</a>
	</li>
	<li class="page-item">
		<span class="padding-lr-sm">到第</span>
		<input id="pageInput" class="daweui-input" type="text" value="1" size="3" onkeydown="javascript: if(event.keyCode==13){var value = parseInt(this.value); }">
		<span class="padding-lr-sm">页</span>
	</li>
	<li class="page-item">
		<button class="weui-btn" onclick="javascript:var value = parseInt(this.parentNode.previousSibling.childNodes[1].value);">确认</button>
	</li>
</div>

<div class="daui-pagination daui-pagination-warning">
	<li class="page-item">
		<a class="page-link" href="javascript:;">1</a>
	</li>
	<li class="page-item active">
		<a class="page-link" href="javascript:;">2</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">3</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">4</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">下一页</a>
	</li>
	<li class="page-item">
		<span class="padding-lr-sm">到第</span>
		<input id="pageInput" class="daweui-input" type="text" value="1" size="3" onkeydown="javascript: if(event.keyCode==13){var value = parseInt(this.value); }">
		<span class="padding-lr-sm">页</span>
	</li>
	<li class="page-item">
		<button class="weui-btn" onclick="javascript:var value = parseInt(this.parentNode.previousSibling.childNodes[1].value);">确认</button>
	</li>
</div>

<div class="daui-pagination daui-pagination-danger">
	<li class="page-item">
		<a class="page-link" href="javascript:;">1</a>
	</li>
	<li class="page-item active">
		<a class="page-link" href="javascript:;">2</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">3</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">4</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">下一页</a>
	</li>
	<li class="page-item">
		<span class="padding-lr-sm">到第</span>
		<input id="pageInput" class="daweui-input" type="text" value="1" size="3" onkeydown="javascript: if(event.keyCode==13){var value = parseInt(this.value); }">
		<span class="padding-lr-sm">页</span>
	</li>
	<li class="page-item">
		<button class="weui-btn" onclick="javascript:var value = parseInt(this.parentNode.previousSibling.childNodes[1].value);">确认</button>
	</li>
</div>

<div class="daui-pagination daui-pagination-success">
	<li class="page-item">
		<a class="page-link" href="javascript:;">1</a>
	</li>
	<li class="page-item active">
		<a class="page-link" href="javascript:;">2</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">3</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">4</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="javascript:;">下一页</a>
	</li>
	<li class="page-item">
		<span class="padding-lr-sm">到第</span>
		<input id="pageInput" class="daweui-input" type="text" value="1" size="3" onkeydown="javascript: if(event.keyCode==13){var value = parseInt(this.value); }">
		<span class="padding-lr-sm">页</span>
	</li>
	<li class="page-item">
		<button class="weui-btn" onclick="javascript:var value = parseInt(this.parentNode.previousSibling.childNodes[1].value);">确认</button>
	</li>
</div>

<div class="daui-gap daui-gap_transparent"></div>
<div class="daui-footer">
	<div class="daui-footer__links">
		<a class="daui-footer__links-item" href="../index.html">DanceWeUI首页</a>
		<a class="daui-footer__links-item" href="https://gitee.com/lianlianzan/danceui" target="_blank">去码云下载</a>
	</div>
	<div class="daui-footer__text">Copyright &copy; DanceUI</div>
</div>

</body>
</html>